<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  
</body>
<script>

// 条件：三个数据请求：A，B，C
// - 要求1：依次获取ABC接口的数据
  // ajax("A接口", (res)=>{
  //   console.log(res)
  //   ajax("B接口", (res)=>{
  //     console.log(res)
  //     ajax("C接口", (res)=>{
  //       console.log(res)
  //     });
  //   });
  // });

// - 要求2：同时获取ABC接口的数据
  // ajax("A接口", (res1)=>{
  //   ajax("B接口", (res2)=>{
  //     ajax("C接口", (res3)=>{
  //       console.log(res1, res2, res3);
  //     });
  //   });
  // });

// 回调地狱：多个异步的回调函数的嵌套
  // 缺陷：浪费性能，不方便调错

  function ajax(url, success){
    setTimeout(()=>{
      success(url + "请求成功");
    }, Math.random() * 1000)
  }



  abc
  
</script>
</html>